<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <title>Alluring Decors</title>        
        <link href="./../Resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../Resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link href="./../Resources/css/family.css" rel="stylesheet" type="text/css"></link>
        <link rel="stylesheet" href="./../Resources/css/style.css" type="text/css" media="screen"></link>
        <link media="screen" type="text/css" href="./../Resources/css/jquery.fancybox-1.3.4.css" rel="stylesheet"></link>
        <link media="screen" type="text/css" href="./../Resources/css/page_templates.css" rel="stylesheet"></link>
        <link rel="stylesheet" id="et-shortcodes-css-css" href="./../Resources/css/shortcodes.css?ver=1.6" type="text/css" media="all"></link>
        <link rel="stylesheet" id="wp-pagenavi-css" href="./../Resources/css/pagenavi-css.css?ver=2.70" type="text/css" media="all"></link>
        <script type="text/javascript" src="../Resources/script/l10n.js?ver=20101110"></script>
        <script type="text/javascript" src="../Resources/script/jquery.js?ver=1.6.1"></script>
        <script type="text/javascript" src="../Resources/script/et_shortcodes_frontend.js?ver=1.6"></script>   
        <style type="text/css">
            #et_pt_portfolio_gallery { margin-left: -15px; }
            .et_pt_portfolio_item { margin-left: 21px; }
            .et_portfolio_small { margin-left: -40px !important; }
            .et_portfolio_small .et_pt_portfolio_item { margin-left: 38px !important; }
            .et_portfolio_large { margin-left: -8px !important; }
            .et_portfolio_large .et_pt_portfolio_item { margin-left: 6px !important; }
        </style>
    </h:head>
    <h:body>
        <div id="wrapper">
            <div id="container">	
                <div id="header">
                    <img src="./../Resources/images/logo.png" alt="Logo" id="logo"></img>
                    <div id="secondary-menu">
                        <div id="top-menu">
                            <ul id="primary" class="nav sf-js-enabled" style="padding-left: 299px; ">
                                <li><h:link outcome="./../HomePages/Index.xhtml" title="Home">Home</h:link></li>
                                <li><h:link outcome="./../HomePages/About.xhtml" title="About">About</h:link></li>
                                <li><h:link outcome="./../HomePages/Contact.xhtml" title="Contact">Contact</h:link></li>
                                <li><h:link outcome="./../HomePages/Feedback.xhtml" title="Feedback">Feedback</h:link></li>
                                <li><h:link outcome="./../HomePages/FAQs.xhtml" title="FAQ's">FAQ's</h:link></li>                                                              
                            </ul> 
                        </div>
                    </div> <!-- end #secondary-menu --> 
                </div> 	<!-- end #header -->		
                <!-- Start Featured -->	
                <div id="featured">
                    <div id="slides" style="width: 959px; height: 358px; ">
                        <div class="slide">
                            <img src="./../Resources/images/feat-2-954x289.png" alt="Cabin In The Woods" width="954" height="289"></img>			
                            <div class="overlay"></div>                                                                                        	
                        </div> <!-- end .slide -->
                        <div class="slide">
                            <img src="./../Resources/images/feat-1-954x289.png" alt="A Mountain Villa" width="954" height="289"></img>				
                            <div class="overlay"></div>                                                                                        	
                        </div> <!-- end .slide -->
                        <div class="slide">
                            <img src="./../Resources/images/feat-5.png" alt="Four Story Apartment" width="954" height="289"></img>
                            <div class="overlay"></div>                                                                                        
                        </div> <!-- end .slide -->
                        <div class="slide">
                            <img src="./../Resources/images/feat-4.png" alt="Into The Wild" width="954" height="289"></img>
                            <div class="overlay"></div>	
                        </div> <!-- end .slide -->
                        <div class="slide">
                            <img src="./../Resources/images/feat-3.png" alt="House In The Field" width="954" height="289"></img>
                            <div class="overlay"></div>	
                        </div> <!-- end .slide -->
                    </div> <!-- end #slides -->	
                    <div id="controllers">
                        <a href="#" id="left-arrow">Previous</a>	
                        <a href="#" class="smallthumb">
                            <img src="./../Resources/images/pic-2-49x49.png" alt="Cabin In The Woods" width="49" height="49"></img></a>
                        <a href="#" class="smallthumb">
                            <img src="./../Resources/images/pic-1-49x49.png" alt="A Mountain Villa" width="49" height="49"></img></a>
                        <a href="#" class="smallthumb">
                            <img src="./../Resources/images/pic-7-49x49.png" alt="Four Story Apartment" width="49" height="49"></img></a>
                        <a href="#" class="smallthumb active">
                            <img src="./../Resources/images/pic-14-49x49.png" alt="Into The Wild" width="49" height="49"></img></a>
                        <a href="#" class="smallthumb last">
                            <img src="./../Resources/images/pic-13-49x49.png" alt="House In The Field" width="49" height="49"></img></a>
                        <a href="#" id="right-arrow">Next</a>
                        <span id="active-arrow"></span>
                    </div> <!-- end #controllers -->
                </div> <!-- end #featured -->
                <!-- End Featured -->	
                <div id="content-top">	
                    <div id="content" class="clearfix">
                        <div id="main-area">
                            <ui:insert name="content"> content here</ui:insert>                                                                                                                                                                      				
                        </div> <!-- end #main-area-->
                        <div id="sidebar">                            
                            <div id="listings">
                                <div id="listings-content">
                                    <h4 class="title"><span>Hello  Guest , <a href="./../HomePages/Login.xhtml">Login</a> | <a href="./../HomePages/Register.xhtml">Rigister</a></span></h4>                                   
                                    <div id="listings-options" >
                                        <h:form>
                                            <div id="cart"><a href="./../HomePages/ShoppingCart.xhtml">0</a></div>
                                        </h:form>					
                                    </div> <!-- end #listings-options -->
                                </div> <!-- end #listings-content -->
                                <div id="listings-bottom">
                                    <div id="search-container">
                                        <h:form>                                            
                                            <input type="text" id="searchinput" name="s" value="Search..."></input>                                            
                                        </h:form>
                                    </div>
                                </div> <!-- end #listings-bottom -->
                            </div> <!-- end #listings -->
                            <div id="recent-posts-3" class="widget widget_recent_entries">	
                                <h4 class="widgettitle"><span><h:link outcome="./../HomePages/Project.xhtml">Project</h:link></span></h4>
                                <ul>
                                    <ui:repeat value="#{categoryBean.getshowCategory()}" var="cate">
                                        <li><h:outputLink value="./../HomePages/ProjectByCate.xhtml" title="#{cate.name}">#{cate.name}
                                                <f:param name="id" value="#{cate.id}"></f:param>
                                                <f:param name="catename" value="#{cate.name}"></f:param>
                                            </h:outputLink></li>                                    
                                    </ui:repeat>
                                </ul>
                            </div><!-- end .widget-->
                            <div id="archives-3" class="widget widget_archive">
                                <h4 class="widgettitle">
                                    <span>
                                        <h:outputLink value="./../HomePages/ServiceOffered.xhtml" title="Service Offered">Service Offered</h:outputLink>
                                    </span>
                                </h4>
                                <ul>
                                    <ui:repeat var="domain" value="#{domainListBean.showDomain()}">
                                        <li><h:outputLink value="./../HomePages/DomainListById.xhtml" title="#{domain.title}">#{domain.title}
                                                <f:param name="id" value="#{domain.id}"/>
                                                <f:param name="offredName" value="#{domain.title}"/>
                                            </h:outputLink></li>                                                            
                                    </ui:repeat>
                                </ul>
                            </div><!-- end .widget-->
                        </div> <!-- end #sidebar -->                        
                    </div> <!-- end #content-->
                </div> <!-- end #content-top-->	
                <div id="content-bottom"></div>
                <p id="copyright">Designed by  <a href="" title="Alluring Decors">Group 2 - C0904G | FPT Aptech</a></p>
            </div><!-- end #container -->
        </div> 	<!-- end #wrapper -->
        <script type="text/javascript" src="./../Resources/script/jquery.cycle.all.min.js"></script> 
        <script type="text/javascript" src="./../Resources/script/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="./../Resources/script/superfish.js"></script>
        <script type="text/javascript" src="./../Resources/script/Script.js"></script>
        <script type="text/javascript" src="./../Resources/script/jquery.easing-1.3.pack.js?ver=1.3.4"></script>
        <script type="text/javascript" src="./../Resources/script/jquery.fancybox-1.3.4.pack.js?ver=1.3.4"></script>
        <script type="text/javascript" src="./../Resources/script/et-ptemplates-frontend.js?ver=1.1"></script>
    </h:body>
</html>
